/* 小屏幕设备（手机等） */
@media (max-width: 576px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* 中等屏幕设备（平板等） */
@media (min-width: 576px) and (max-width: 992px) {
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* 大屏幕设备（桌面等） */
@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
